<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <title>农田区块数据-所有数据</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" th:href="@{/static/layui/css/layui.css}" media="all"/>
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_tnyc012u2rlwstt9.css" media="all"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_974748_wjk5z1f6gsl.css" media="all"/>
    <link rel="stylesheet" th:href="@{/static/admin/css/farmdataList.css}" media="all"/>
    <link rel="stylesheet" th:href="@{/static/fonts/iconfont.css}" media="all"/>
    <link rel="stylesheet" th:href="@{//at.alicdn.com/t/font_974748_0ivq0nqh8i9j.css}" media="all"/>
    <link rel="stylesheet" th:href="@{//at.alicdn.com/t/font_974748_6xs2qg3yxbo.css}" media="all"/>

    <style>


        .site-doc-icon li {
            width: 222px;
        }

        .site-doc-icon li .layui-anim {
            width: 150px;
            height: 150px;
            line-height: 150px;
            margin: 0 auto 10px;
            text-align: center;
            background-color: #009688;
            cursor: pointer;
            color: #fff;
            border-radius: 50%;
        }

        .lastStyle {
            border-style: inset;
            border-width: 3px;
            border-radius: 10px;
        }

        .lastStyle:hover {
            border-style: inset;
            border-width: 5px;
            border-radius: 10px;
            border-color: #1E9FFF;
        }

        .clearfixTop {
            width: 980.7px;
            height: 110px;
            position: fixed;
            z-index: 99;
            margin-bottom: 120px
        }

        .clearfixinside {
            width: 94px;
        }

        .chooseCard {
            float: left;
            min-width: 150px;
            width: auto
        }

        .layui-card {
            padding-top: 0px;
            padding-bottom: 0px;
        }

    </style>
</head>
<body>
<div class="wrap-container welcome-container">
    <div class="row">
        <div class="welcome-left-container col-lg-9" style="padding-top: 15px">
            <div class="data-show">
                <ul class="" >
                    <li class="col-sm-12 col-md-3 col-xs-12" style="position: fixed;width: 245px">
                        <a href="javascript:;" class="" style="height: 97.2px;width: 215px">
                            <div class="icon-bg  f-l">
                                <span class="iconfont" style="color: #1E9FFF;font-size: 48px;">&#xe66e;</span>
                            </div>
                            <div class="right-text-con">
                                <p class="name"><span id="name" style="font-size: 16px;" th:text="${farm.name}"></p>
                                <p><span id="areaName" style="font-size: 16px;" th:text="${firsFarmArea.areaName}"></span></p>
                            </div>
                        </a>
                    </li>
                    <li class="col-sm-12 col-md-9 col-xs-12" style="position: fixed;z-index: 99; padding-left: 0px;padding-right: 0px;margin-left:
                    240px">
                        <div class="layui-row layui-col-space15" style="float: left;">
                            <div class="layui-card">
                                <form class="layui-form">
                                    <input type="hidden" hidden name="farmId" class="layui-input" required id="farmId" th:value="${farm.id}">
                                        <div class="layui-card-body chooseCard">
                                            <div class="layui-row">
                                            <select style="min-width:150px;width: auto" lay-verify="" id="area" name="area" lay-filter="selected"
                                                    lay-search="">
                                                <option value="">选择区块</option>
                                                <div th:each="area : ${areaList}">
                                                    <option th:value="${area.area}" th:text="${area.areaName}"></option>
                                                </div>
                                            </select>
                                            </div>
                                        </div>
                                        <div class="layui-card-body chooseCard">
                                            <input type="text" name="lastTime"  autocomplete="off" class="layui-input" id="lastDate"
                                                   placeholder="请选择开始时间">
                                        </div>
                                        <div class="layui-card-body chooseCard">
                                            <input type="text" name="nextTime"    autocomplete="off" class="layui-input" id="nextDate"
                                                   placeholder="请选择结束时间">
                                        </div>
                                        <div style="float: left;margin-top: 10px">
                                            <button style="width: 100px;" class="layui-btn layui-btn-radius" lay-submit=""
                                                    lay-filter="dataDetail">查询
                                            </button>
                                        </div>
                                </form>

                            </div>
                        </div>
                    </li>
                  <!--  <li class="col-sm-12 col-md-9 col-xs-12">
                        <div class="layui-row layui-col-space15" style="margin-left: 10px;float: left">
                            <div class="layui-card">
                                <form class="layui-form">
                                    <div class="layui-inline">

                                    </div>

                                </form>
                            </div>
                        </div>
                    </li>-->
                </ul>
            </div>
            <!--图表-->
            <div class="chart-panel panel panel-default" style="width: 949.1px;height: 460px;position: fixed;margin-top: 100px;padding:
             0px">
                <!--<button class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger allSee">全屏图表</button>-->
                <div class="panel-body" id="chart" style="height: 450px;width:940px;padding: 0px;margin-top: 10px">
                </div>
            </div>
        </div>
        <div class="welcome-edge col-lg-3">
           <!-- <div class="" style="margin-top: 0;width: 305.3px;z-index: 99;">
                <div class="panel-header" style="padding: 2px;background-color: #393D49;position: absolute;width: 300.3px">
                    <button class="layui-btn layui-btn-fluid layui-btn-lg layui-btn-normal" style="font-size: large;">我的农田</button>
                </div>
            </div>-->
            <!--农田信息-->
            <div style="margin-top: 10px;" class="site-doc-icon site-doc-anim ">
                <div class="chart-panel lastStyle panel panel-default contact-panel animClick"
                     style="color: #5a98de;height: 188px;width: 307px;">
                    <div class="panel-body" id="chartTemper" style="height: 175px;width:307px;padding: 0px;margin-top: 10px">
                    </div>
                </div>
                <div class="chart-panel lastStyle panel panel-default contact-panel  animClick"
                     style="color: #5a98de;height: 188px;width: 307px;">
                    <div class="panel-body" id="chartHum" style="height: 175px;width:307px;padding: 0px;margin-top: 10px">
                    </div>
                </div>
                <div class="chart-panel lastStyle panel panel-default contact-panel  animClick"
                     style="color: #5a98de;height: 188px;width: 307px;">
                    <div class="panel-body" id="chartIll" style="height: 175px;width:307px;padding: 0px;margin-top: 10px">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>

        function lookFarmData(id) {
        }
</script>
<!--<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>-->
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" th:src="@{/static/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{//at.alicdn.com/t/font_974748_wjk5z1f6gsl.js}"></script>
<script type="text/javascript" th:src="@{//at.alicdn.com/t/font_974748_6xs2qg3yxbo.js}"></script>
<script type="text/javascript" th:src="@{/static/admin/js/areadata/areadataList.js}"></script>
<script type="text/javascript" th:src="@{/static/echarts/echarts.common.min.js}"></script>
</body>
</html>